/* px 转化为rem */
@function rem($px){
	@return $px/108px * 1rem;
	//@return $px/64 rem;
}
*{
	margin:0;
	padding:0;
}
body{
	max-width:640px;
	margin:0 auto;
}
/* 头部 */
.header{
	width:100%;
	height:rem(170px);
	background:#FFF;
	overflow:hidden;
	.headInput{
		width:rem(1033px);
		height:rem(90px);
		margin:rem(40px) auto;
		border-radius:rem(10px);
		/* input */
		.sousuo-box{
			width:rem(830px);
			height:100%;
			border-radius:rem(10px);
			background:#f0f0f0;
			float:left;
			margin:rem(0px) rem(25px) rem(0px) rem(0px);
			i{
				color:#8b8b8b;
				font-size:rem(53px);
				width:rem(105px);
				height:100%;
				display:inline-block;
				text-align: center;
				line-height: rem(90px);
			}
		}
		span{
			width:rem(177px);
			height:rem(90px);
			background:#4eb437;
			border-radius:rem(10px);
			display:inline-block;
			color:#FFF;
			font-size:rem(40px);
			text-align: center;
			line-height: rem(90px);

		}
	}
}
/* 分隔 */
.partition{
	width:100%;
	height:rem(30px);
	background:#f2f2f2;
}
/* 选项卡标题栏目 */
.headline{
	width:100%;
	height:rem(140px);
	background:#FFF;
	ul{
		width:rem(1033px);
		height:100%;
		margin:auto;
		.line{
			width:25%;
			height:rem(137px);
			float:left;
			text-align:center;
			line-height: rem(137px);
			color:#6e6e6e;
			font-size: rem(40px);
			i{
				color:#8d8d8d;
				font-size: rem(40px);
				margin-left:rem(10px);
			}
		}
		.artive{
			border-bottom:rem(3px) solid #50b337;
			color:#50b337;
		}
	}
}

/* 搜索结果内容 */
.wrap{
	width:100%;
	height:auto;
	background:#f2f2f2;
	overflow:hidden;
	.wrap-center{
		width:rem(1033px);
		margin:0 auto;
		overflow:hidden;
		.list{
			float:left;
			width:rem(500px);
			height:rem(815px);
			background:#FFF;
			margin:rem(30px) rem(0px) rem(0px) rem(0px);
			border-radius:rem(10px);
			.list-img{
				width:rem(500px);
				height:rem(500px);
				img{
					width:100%;
					height:100%;
				}
			}
			.list-text{
				width:rem(460px);
				height:rem(315px);
				margin:0 auto;
				overflow:hidden;
				span{
					display: block;
					color:#515151;
					font-size:rem(45px);
					overflow:hidden;
					height:rem(46px);
					margin-top:rem(40px);
				}
				.explain{
					height:rem(70px);
					margin-top:rem(30px);
					font-size:rem(30px);
					display: -webkit-box; 
					-webkit-line-clamp: 2; 
					-webkit-box-orient: vertical; 
					overflow: hidden;
					line-height: rem(35px);
					color:#b6b6b6;
				}
				.text-price{
					margin-top:rem(65px);
					color:#fe5601;
					font-size: rem(40px);
					p{
						display:inline-block;
					}
					i{
						font-size:rem(33px);
						margin-left:rem(130px);
					}
				}
			}
		}
		li:nth-of-type(odd){
			margin-right:rem(33px);
		}
		li:last-child{
			margin-bottom: rem(30px);
		}
	}
}